<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Real_Estate_4_Rent</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<link href="<c:url value="/resources/style/leftmenu.css"/>" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/style/style_test.css"/>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
</head>

<body>
<!--the left menu amazon-->
<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>District 1</span></a>
		<ul class="nav_cat">
			<div id="image_backgroud_ul" style="background-image:url(images/bitexcofinal.jpg)">
				 <li class='has-sub'><a href='#'><span>Apartment</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Villa</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Rooms</span></a>
				 </li>
			</div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 2</span></a>
      <ul class="nav_cat">
          <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 3</span></a>
		<ul class="nav_cat">
         <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Phu Nhuan</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
         <li class='has-sub'><a href='#'><span>Apartment</span></a>
         </li>
         <li class='has-sub'><a href='#'><span>Villa</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Rooms</span></a>
         </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 7</span></a>
		<ul class="nav_cat">
        <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
			<li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
			</li>
            </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Tan Binh</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)">
        <li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
		</li>
        </div>
      </ul>
   </li>
   <li class='active nav_divider_before'>
	   	<a href='#'><span>Passport</span></a>
        <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='has-sub'>
   	<a href='#'><span>Visa</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li><a href='#'><span>Car</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='last'><a href='#'><span>Hotel</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='active'><a href='#'><span>Villa for rent</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
</ul>
</div>
<!-- end the left menu-->

<div id="top_nav_fix" style="width:950px; height:80px;"></div>
<div id="top_nav">
  <div id="navigation_test">
    <ul>
      <li><a href="#">apartments for rent</a></li>
      <li><a href="#">houses for rent</a></li>
      <li><a href="#">villas for rent</a></li>
      <li><a href="#">offices for rent</a></li>
      <li><a href="#">serviced apartments for rent</a></li>
      <li><a href="#">contact us</a></li>
      <li>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/united_kingdom.jpg"/>" style="height:25px;width:30px;"><span>English</span></img>
		</a>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/vietnam.jpg"/>" style="height:25px;width:30px;"><span>Việt Nam</span></img>
		</a>
	  </li>
    </ul>
  </div>
</div>
<div id="main_container">
  <div id="background_main">
    <div id="main">
      <div id="search">
        <h3 id="title">Find your property</h3>
        <form>
          <table width="300" height="333">
            <tr>
              <td width="61">Keyword:</td>
              <td width="202"><input type="text" style="width:180px;"/></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><label for="build"></label>
                <select name="build" id="location" style="width:185px;">
                  <option>-----All Building-----</option>
                  <option>Dong A Building</option>
                  <option>Bitexco Tower</option>
                  <option>Vincom A</option>
                </select></td>
            </tr>
            <tr>
              <td>Search:</td>
              <td><input type="checkbox" />
                For Rent
                <input type="checkbox" />
                For Sale </td>
            </tr>
            <tr>
              <td id="type">Type:</td>
              <td><input type="checkbox" />
                Apartment for rent<br/>
                <input type="checkbox" />
                House for rent<br/>
                <input type="checkbox" />
                Villa for rent <br/>
                <input type="checkbox" />
                Office for rent <br/>
                <input type="checkbox" />
                Serviced apartment for rent </td>
            </tr>
            <tr>
              <td><label>Location:</label></td>
              <td><select name="location" id="location" style="width:185px;">
                <option>--All City--</option>
                <option>Ho Chi Minh</option>
                <option>Ha Noi</option>
                <option>Da Nang</option>
              </select></td>
              <td width="10"></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><label for="district"></label>
                <select name="district" id="location" style="width:185px;">
                  <option>--All District--</option>
                  <option>District 1</option>
                  <option>District 2</option>
                  <option>District 3</option>
                </select></td>
            </tr>
            <tr>
              <td>Bedroom</td>
              <td><select name="bedroom" id="location" style="width:185px;">
                <option>--Number bedroom--</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
              </select></td>
            </tr>
            <tr>
              <td>Price:</td>
              <td><select name="price" id="location" style="width:185px;">
                <option>--Select price--</option>
                <option>< 1000 USD</option>
                <option>1000 - 2000 USD</option>
                <option>2000 - 3000 USD</option>
                <option>3000 - 4000 USD</option>
                <option>> 4000 USD</option>
              </select></td>
            </tr>
          </table>
        </form>
        <div id="advance_search"><a href="advancedSearch.html">Advance Search</a></div>
        <div id="action_search">Search Properties</div>
      </div>
      <div id="hot_property">
        <div id="wrapper">
			<div id="image_title">Penthouse Duplex in Saigon-418 Tran Phu, Ward 7, District 5</div>
            <div id="slider" style="z-index: -1;">
				<img src="<c:url value="/resources/images/bestreal-11.jpg"/>" width="665" height="390" />
			</div>
        </div>
      </div>
    </div> 		
		
		<!-- related product -->
		<div id="product_area" class="villa_area">
  <div id="name_property"><a href="#">Apartments for rent</a></div>
  
  <div id="line1">
      <div id="col1">
		<a href="#">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
			</a>
			<div id="information_detail">
				<div id="characteristic">River Side*</div>
				<div id="characteristic">Room: 2</div>
				<div id="characteristic">Bethroom: 2</div>
				<div id="characteristic">Sqft: 106 sqm</div>
				<div id="characteristic">Bethroom: 2</div>
				<div id="characteristic">Sqft: 106 sqm</div>
				<div id="price">Price: 
					<div id="highlight">1,300 USD/month</div>
				</div>
			</div>
			<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
			<a href="productDetail.html">
	        <div id="address_detail">Penthouse Duplex in Saigon</div>
	        </a>
		</div>
		<div id="col2">
			<a href="#">
				<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
				</div>
				</a>
				<div id="information_detail">
					<div id="characteristic">River Side*</div>
					<div id="characteristic">Room: 2</div>
					<div id="characteristic">Bethroom: 2</div>
					<div id="characteristic">Sqft: 106 sqm</div>
					<div id="characteristic">Bethroom: 2</div>
					<div id="characteristic">Sqft: 106 sqm</div>
					<div id="price">Price: 
						<div id="highlight">1,300 USD/month</div>
					</div>
				</div>
				<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
				<a href="productDetail.html">
		        <div id="address_detail">Penthouse Duplex in Saigon</div>
		        </a>
		</div>
	</div>
    <div id="line2">
    	<div id="col1">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
			</a>
			<div id="information_detail">
				<div id="characteristic">River Side*</div>
				<div id="characteristic">Room: 2</div>
				<div id="characteristic">Bethroom: 2</div>
				<div id="characteristic">Sqft: 106 sqm</div>
				<div id="characteristic">Bethroom: 2</div>
				<div id="characteristic">Sqft: 106 sqm</div>
				<div id="price">Price: 
					<div id="highlight">1,300 USD/month</div>
				</div>
			</div>
			<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
			<a href="productDetail.html">
	        <div id="address_detail">Penthouse Duplex in Saigon</div>
	        </a>
        </div>
		<div id="col2">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
				</div>
				</a>
				<div id="information_detail">
					<div id="characteristic">River Side*</div>
					<div id="characteristic">Room: 2</div>
					<div id="characteristic">Bethroom: 2</div>
					<div id="characteristic">Sqft: 106 sqm</div>
					<div id="characteristic">Bethroom: 2</div>
					<div id="characteristic">Sqft: 106 sqm</div>
					<div id="price">Price: 
						<div id="highlight">1,300 USD/month</div>
					</div>
				</div>
				<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
				<a href="productDetail.html">
		        <div id="address_detail">Penthouse Duplex in Saigon</div>
		        </a>
		</div>
    </div>
	<div id="line2">
    	<div id="col1">
			<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
			</div>
			</a>
			<div id="information_detail">
				<div id="characteristic">River Side*</div>
				<div id="characteristic">Room: 2</div>
				<div id="characteristic">Bethroom: 2</div>
				<div id="characteristic">Sqft: 106 sqm</div>
				<div id="characteristic">Bethroom: 2</div>
				<div id="characteristic">Sqft: 106 sqm</div>
				<div id="price">Price: 
					<div id="highlight">1,300 USD/month</div>
				</div>
			</div>
			<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
			<a href="productDetail.html">
	        <div id="address_detail">Penthouse Duplex in Saigon</div>
	        </a>
        </div>
		<div id="col2">
			<a href="#">
				<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
				</div>
				</a>
				<div id="information_detail">
					<div id="characteristic">River Side*</div>
					<div id="characteristic">Room: 2</div>
					<div id="characteristic">Bethroom: 2</div>
					<div id="characteristic">Sqft: 106 sqm</div>
					<div id="characteristic">Bethroom: 2</div>
					<div id="characteristic">Sqft: 106 sqm</div>
					<div id="price">Price: 
						<div id="highlight">1,300 USD/month</div>
					</div>
				</div>
				<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
				<a href="productDetail.html">
		        <div id="address_detail">Penthouse Duplex in Saigon</div>
		        </a>
		</div>
    </div>
  </div> 
		<!--pagination-->
		<div id="product_area_pagination">
			<div id="paginate">
					<ul class="paginate pag1 clearfix">
						<li class="single">Page 1 of 5</li>
						<li><a href="#">prev</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">next</a></li>
						<li class="single">
							Display #
								<select name="sizePage" id="sizePage" style="width:50px;">
									<option>6</option>
									<option>12</option>
									<option>18</option>
									<option>24</option>
								</select>
						</li>
					</ul>
			</div>
		</div>
	</div>
</div>
<!--end main_container-->
	<div id="product_area_footer" class="villa_area">
		<div id="name_property_footer">
			<div id="option_menu">
				<ul id="nav">
				  <li><a href="#">passport</a></li>
				  <li><a href="#">hotel</a></li>
				  <li><a href="#">rent car</a></li>
				  <li><a href="#">school</a></li>
				</ul>
			</div>
		</div>		
	</div>
	<div id="fullsupport">
		<strong>For more information contact with Mr Phuc: 0904 674 199</strong>
	</div>
</body>
</html>
